<template>
  <div class="activity">
    <activity-item :activityContent="getMessageList" />
  </div>
</template>

<script>
import { getMessageValue } from "../data/activity";
import activityItem from "./ActivityItem.vue";
export default {
  data() {
    return {};
  },
  props: {
    activityContent: String,
  },
  components: {
    activityItem,
  },
  created() {
    console.log(getMessageValue(this.activityContent));
  },
  computed: {
    getMessageList() {
      let list = getMessageValue(this.activityContent);
      return list;
    },
  },
};
</script>

<style scoped>
.activity {
  height: 80vh;
}
</style>
